<template>
	<view class="page_content">
<!-- 		<z-paging :show-loading-more-no-more-view="false" :bgColor="pageBkgColor" ref="paging" v-model="pageDataList" @query="queryList">
			<template #top>
				<z-tabs :list="tabList" @change="onTabChanged" />
			</template>
			<template #empty>
				<slot name="nodata">
					<view class="nodata">
						<view class="img"></view>
						<view class="text">暂无数据</view>
					</view>
				</slot>
			</template>
			<slot name="content"></slot>
		</z-paging> -->
	</view>
</template>

<script>
	export default {
		name:"cs-list-page",
		props:{
			tabs: {
				type: Array,
				default: []
			},
				
			pageBkgColor:{
				type: String,
				default: "#FFF"
			},
			pageDataList:{
				type: Array,
				default: []
			},
		},
		data() {
			return {
				
			};
		}
		methods:{
			onTabChanged(){
				
			}
		}
	}
</script>

<style>
	.nodata {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: transparent;
		padding-bottom: 25%;
	}

	.nodata .img {
		width: 50vw;
		height: 41vw;
		margin-bottom: 10rpx;
		background: url(/static/mine/no_data.png) no-repeat center center;
		background-size: 100% auto;
	}

	.nodata .text {
		font-size: 30rpx;
		color: #999;
	}
</style>